<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<style type="text/css">
			.mui-content{
				line-height: 1.6em;
			}
			img{
				width: 300px;
			}
			.mui-table-view-cell.mui-active {
			    background-color: #fff
			}
			#Content p{
				font-size: 17px;
				color: #333;
			}
			#boxLoading{
				text-align: center;
				padding-top: 30%;
				color: #999;
			}
			h3{
				line-height: 1.5em;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title"></h1>
		</header>
		<div class="mui-content">
			<div id="boxLoading">
				数据加载中...				
			</div>
			<div id="boxContent" class="mui-table-view" style="display: none;">
				<div class="mui-table-view-cell">
					<h3 id="Title"></h3>
					<p><span id="CreateTime"></span></p>
				</div>
				<div class="mui-table-view-cell" id="Content">
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			mui.init();
			
			var $loading = document.getElementById("boxLoading");
			var $content = document.getElementById("boxContent");
			
			show = function (id) {
				if(id){
					plus.nativeUI.showWaiting();
					app.post("GetNotice", {NoticeID:id}, function(data){
						console.log(JSON.stringify(data));
						document.getElementById("Title").innerHTML= data.Title;
						document.getElementById("CreateTime").innerHTML= data.PublishTime;
						document.getElementById("Content").innerHTML= data.Content;
						$loading.style.display = "none";
						$content.style.display = "block";
					})
				}				
			}
			
		</script>
	</body>

</html>